<h2>todolist</h2>
<div class="todolist">
        <input type="text" [(ngModel)]="keyWord"    (keydown)="onEnter($event)"/> 
        <hr>

        <h3>待办事项</h3>

        <ul>
            <li *ngFor="let item of todolist;let key = index;" [hidden]="item.status ==1">
            
                <input type="checkbox" [(ngModel)]="item.status" (change)="checkboxChange()">{{item.title}} ----<button (click)="doDelete(key)">X</button>
                
            </li>
        </ul>

        <h3>已完成事项</h3>

        
        <ul>
            <li *ngFor="let item of todolist;let key = index;"  [hidden]="item.status ==0" >
            
                <input type="checkbox" [(ngModel)]="item.status" (change)="checkboxChange()">{{item.title}} ----<button (click)="doDelete(key)">X</button>
                
            </li>
        </ul>


        </div>